@function tovmin($rpx) {
  //$rpx为需要转换的字号
  @return #{$rpx * 100 / 750}vmin;
}

.shareImage_live_share {
  width: tovmin(64);
  height: tovmin(64);
  background: url(https://wx.gy.cn/wechatImage/liveImage_5.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: tovmin(148);
  right: tovmin(32);
}

.shareImage_image_handle {
  padding: tovmin(60) tovmin(24);
  background: #ffffff;
  border-radius: tovmin(24) tovmin(24) 0px 0px;
  position: relative;

  .shareImage_image_handleClose {
    position: absolute;
    right: tovmin(28);
    top: tovmin(22);
    background: url(https://wx.gy.cn/wechatImage/liveImage_20.png) no-repeat;
    background-size: 100% 100%;
    width: tovmin(56);
    height: tovmin(56);
    z-index: 10;
  }
}

.shareImage_image_long {
  width: 440px;

  margin: 0 auto;
  border-radius: tovmin(40);
  overflow: hidden;
}

.shareImage_image_long img {
  width: 100%;
  height: 100%;
  border-radius: tovmin(40);
}

.shareImage_imagre_box {
  .shareImage_image_card {
    width: tovmin(440);
    height: tovmin(780);
    background: #ffffff;
    border-radius: tovmin(24);
    line-height: 1;
    position: absolute;
    opacity: 1;
    transform: translateY(-100000px);

    .shareImage_image_cardBg {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: tovmin(456);
      background: url(https://wx.gy.cn/wechatImage/liveImage_18.png) no-repeat;
      background-size: 100% 100%;
    }

    .shareImage_image_title {
      padding: tovmin(40) tovmin(22);
      display: flex;
      position: relative;
      z-index: 2;

      .shareImage_image_profile {
        width: tovmin(96);
        height: tovmin(96);
        border-radius: 50%;
      }

      .shareImage_image_profileContent {
        margin-left: tovmin(20);
        padding-top: tovmin(4);

        .shareImage_image_username {
          height: tovmin(44);
          font-size: tovmin(32);
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #ffffff;
          line-height: tovmin(44);
        }

        .shareImage_image_desc {
          height: tovmin(40);
          font-size: tovmin(28);
          font-family: PingFangSC-Regular, PingFang SC;
          font-weight: 400;
          color: #ffffff;
          line-height: tovmin(40);
          margin-top: tovmin(4);
        }
      }
    }

    .shareImage_image_cover {
      position: relative;
      z-index: 2;
      margin: tovmin(26) auto 0;
      width: tovmin(542);
      height: tovmin(350);
      background: url(https://wx.gy.cn/wechatImage/liveImage_19.png) no-repeat;
      background-size: 100% 100%;

      .shareImage_image_coverImg {
        width: tovmin(520);
        height: tovmin(315);
        background: #f2f2f2;
        border-radius: tovmin(16);
        margin: tovmin(18) auto 0;
      }
    }

    .shareImage_time_code {
      display: flex;
      justify-content: space-between;
      padding: tovmin(12) tovmin(24) 0;

      .shareImage_time_timeInfo {
        width: tovmin(302);
        height: tovmin(120);
        background: rgba(247, 247, 247, 1);

        .shareImage_time_timeTitle {
          padding: tovmin(18) tovmin(18) 0;
          font-size: 32px;
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 500;
          color: #1677ff;
          line-height: tovmin(44);
        }

        .shareImage_time_timeCount {
          padding: tovmin(12) tovmin(18) 0;
          font-size: tovmin(24);
          font-family: PingFangSC-Medium, PingFang SC;
          font-weight: 600;
          color: #65676a;
        }
      }

      .shareImage_time_codecode {
        border: tovmin(4) solid #f7f7f7;

        .shareImage_image_imgcode {
          width: tovmin(140);
          height: tovmin(140);
        }
      }
    }
  }
}

.shareImage_image_imageSet {
  display: flex;
  align-items: center;
  justify-content: space-between;

  .shareImage_image_imageCoby {
    margin-left: tovmin(14);

    .shareImage_image_icon {
      width: tovmin(54);
      height: tovmin(46);
      background: url(https://wx.gy.cn/wechatImage/liveImage_43.png) no-repeat;
      background-size: 100% 100%;
      margin: 0 auto;
      display: block;
    }

    .shareImage_image_font {
      margin-top: tovmin(16);
      font-size: tovmin(24);
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #313233;
      line-height: tovmin(34);
    }
  }
}

.shareImage_image_scorll {
  flex: 1;
  padding-top: tovmin(60);
  display: flex;
  align-items: flex-end;
  padding: tovmin(12);
  overflow-x: auto;

  .shareImage_image_scorllNoSelect {
    flex-shrink: 0;
    margin-right: tovmin(24);
    width: tovmin(80);
    height: tovmin(144);
    background: #d8d8d8;
    border-radius: tovmin(16);
    overflow: hidden;
  }

  .shareImage_image_scorllSelect {
    flex-shrink: 0;
    margin-right: tovmin(24);
    width: tovmin(98);
    height: tovmin(176);
    border-radius: tovmin(16);
    border: tovmin(2) solid #1677ff;
    position: relative;
    overflow: hidden;
  }

  .shareImage_image_scorllImage1 {
    width: 100%;
    height: 100%;
    background: url(https://wx.gy.cn/wechatImage/liveImage_23.png) no-repeat;
    background-size: 100% 100%;
  }

  .shareImage_image_scorllSelect::before {
    position: absolute;
    bottom: tovmin(8);
    right: tovmin(6);
    background: url(https://wx.gy.cn/wechatImage/liveImage_21.png) no-repeat;
    background-size: 100% 100%;
    content: "";
    width: tovmin(32);
    height: tovmin(32);
  }
}

.shareImage_live_backHome {
  position: relative;

  .shareImage_live_height {
    height: tovmin(64);
  }

  .shareImage_live_fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: tovmin(64);
    padding: tovmin(32);
    display: flex;
    align-items: center;
    // justify-content: center;
    background: #ffffff;
    z-index: 10;

    .shareImage_live_home {
      width: tovmin(44);
      height: tovmin(44);
      background: url(https://wx.gy.cn/wechatImage/home.png) no-repeat;
      background-size: 100% 100%;
    }

    .shareImage_live_homeTitle {
      padding-left: tovmin(12);
      color: #1677ff;
    }
  }
}

.shareImage_image_btn {
  margin: tovmin(26) auto;
  font-size: tovmin(24);
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shareImage_image_btn::before {
  width: tovmin(32);
  height: tovmin(32);
  content: "";
  background: url(https://wx.gy.cn/wechatImage/liveImage_22.png) no-repeat;
  background-size: 100% 100%;
  margin-right: tovmin(8);
}

.shareImage_share_layer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
}

.shareImage_shareHp_layer {
  position: fixed !important;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  .shareImage_image_long {
    width: tovmin(420) !important;
  }
  .shareImage_image_card {
    border-radius: tovmin(8) !important;
  }

  .shareImage_image_long img {
    border-radius: tovmin(12) !important;
  }

  .shareImage_image_handle {
    padding: tovmin(86) 3tovmin (36);
    background: #ffffff;
    border-radius: tovmin(11) tovmin(11) 0px 0px;
    position: relative;
    height: 100%;

    .shareImage_image_handleClose {
      position: absolute;
      right: tovmin(36);
      top: tovmin(120);
      background: url(https://wx.gy.cn/wechatImage/liveImage_20.png) no-repeat;
      background-size: 100% 100%;
      width: tovmin(72);
      height: tovmin(72);
      z-index: 10;
    }
  }

  .shareImage_image_scorll {
    display: flex;
    align-items: flex-end;
    overflow-x: auto;
    width: tovmin(560);

    .shareImage_image_scorllNoSelect {
      flex-shrink: 0;
      margin-right: tovmin(24);
      width: tovmin(74);
      height: tovmin(134);
      border-radius: tovmin(7);
      background: #d8d8d8;
    }

    .shareImage_image_scorllSelect {
      flex-shrink: 0;
      margin-right: tovmin(48);
      width: tovmin(90);
      height: tovmin(162);
      border-radius: tovmin(7);
      border: tovmin(2) solid #1677ff;
      position: relative;
      overflow: hidden;
    }

    .shareImage_image_scorllImage1 {
      width: 100%;
      height: 100%;
      background: url(https://wx.gy.cn/wechatImage/liveImage_23.png) no-repeat;
      background-size: 100% 100%;
    }

    .shareImage_image_scorllSelect::before {
      position: absolute;
      bottom: tovmin(4);
      right: tovmin(4);
      background: url(https://wx.gy.cn/wechatImage/liveImage_21.png) no-repeat;
      background-size: 100% 100%;
      content: "";
      width: tovmin(32);
      height: tovmin(32);
    }
  }

  .shareImage_image_imageSet {
    display: flex;
    justify-content: space-between;
    height: tovmin(500);
    .shareImage_image_imageCoby {
      margin-left: tovmin(7);

      .shareImage_image_icon {
        width: tovmin(54);
        height: tovmin(46);
        background: url(https://wx.gy.cn/wechatImage/liveImage_43.png) no-repeat;
        background-size: 100% 100%;
        margin: 0 auto;
        display: block;
      }

      .shareImage_image_font {
        margin-top: tovmin(26);
        font-size: tovmin(24);
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #313233;
        line-height: tovmin(34);
      }
    }
  }

  .shareImage_image_btn {
    margin-top: tovmin(18);
    font-size: tovmin(22);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #ffffff;
    margin: tovmin(9) auto 0;
  }

  .shareImage_image_btn::before {
    width: tovmin(32);
    height: tovmin(32);
    content: "";
    background: url(https://wx.gy.cn/wechatImage/liveImage_22.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 4px;
  }

  .shareImage_image_margin {
    margin-right: tovmin(140);
  }
}

.shareImage_image_collect {
  margin: tovmin(52) tovmin(32) tovmin(40);
  display: flex;
  justify-content: space-between;
  text-align: center;
  .shareImage_wechat_friend {
    font-size: tovmin(24);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #313233;
    line-height: tovmin(34);
  }
  .shareImage_wechat_friend::before {
    width: tovmin(96);
    height: tovmin(96);
    background: url(https://wx.gy.cn/wechatImage/wechat_icon.jpg) no-repeat;
    background-size: 100% 100% !important;
    content: "";
    border-radius: 50%;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-bottom: tovmin(10);
    overflow: hidden;
  }
  .shareImage_wechat_download {
    font-size: tovmin(24);
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #313233;
    line-height: tovmin(34);
  }
  .shareImage_wechat_download::before {
    width: tovmin(96);
    height: tovmin(96);
    background: url(https://wx.gy.cn/wechatImage/download_icon.jpg) no-repeat;
    background-size: 100% 100%;
    content: "";
    border-radius: 50%;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-bottom: tovmin(10);
    overflow: hidden;
  }
}
